<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工列表</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .Box{
            /*     border: solid 10px red; */
            width: 100%;
            height: 3760px;
            background: white;
            margin-top:20px;
            overflow: hidden;
            margin: 0 auto;
        }
        .head{
            /*     border: solid 1px red; */
            width: 100%;
            height: 300px;
            position: relative;

            /*     left: 100px; */
            background-color: #4F4742;
            margin: auto ;
            /*background-image: url(week1.img/beijjjjj.jpg);*/
            background-size: 100% 300px;
        }
        .headmax{
            /*     border: solid 1px red; */
            width: 1200px;
            height: 250px;
            position: relative;
            margin: auto;
        }
        .suosuokuang{
            border: solid 1px white;
            width: 100px;
            height: 50px;
            position: absolute;
            top: 15px;
            left: 1045px;
            z-index:3;
            /*transform: 0.3s;*/
        }
        .suosuokuang:hover{
            position: absolute;
            top: 20px;
            left: 1050px;
        }
        .picture{
            /*     border: solid 1px red; */
            /* background-image:url(week1.img/biaoti1.jpg) ; */
            width: 400px;
            height: 170px;
            /* background-size:cover; */
        }
        /* .Biaoti{
            width: 400px;
            height: 170px;
        }
        .Biaoti:hover{
            margin-left: 8px;
            transition: 1s;
        } */
        .title1{
            margin-left: 20px;
            font-size: 75px;
            font-family: "方正舒体";
        }
        .title2{
            font-size: 20px;
        }
        .picture a{
            text-decoration: none;
        }
        .picture:hover{
            margin-left: 20px;
            transition: 0.3s;
        }
        .sousuo{
            z-index: 2;
            border: solid 1px white;
            width: 100px;
            height: 50px;
            position: absolute;
            top: 20px;
            left: 1050px;
        }
        .sousuo a{
            color: rgba(238, 221, 197, 1);
            text-decoration: none;
            text-align: center;
            display: block;
            font-size: 14px;
            letter-spacing: 4px;
            line-height: 50px;
        }
        .sousuo :hover{
            /*     z-index: 3; */
            background-color:white;
            opacity: 0.6;
            color: black;
        }
        .pintai{
            border: solid 1px white;
            width: 300px;
            height: 50px;
            position: absolute;
            top: 100px;
            left: 850px;
        }
        .pintaikuang{
            border: solid 1px white;
            width: 300px;
            height: 50px;
            position: absolute;
            top: 95px;
            left: 845px;
        }
        .pintaikuang:hover{
            position: absolute;
            top: 100px;
            left: 850px;
            transition: 0.3s;
        }
        .pintai a{
            color: rgba(238, 221, 197, 1);
            text-decoration: none;
            text-align: center;
            display: block;
            font-size: 14px;
            letter-spacing: 4px;
            line-height: 50px;
        }
        .pintai a:hover{
            background-color:white;
            opacity: 0.6;
            color: black;
        }
        .lanmu{
            /*     border: solid 1px red; */
            width: 1200px;
            height: 70px;
            position: absolute;
            top: 175px;
        }
        .lanmu-1{
            border: solid 1px white;
            width: 230px;
            height:70px;
            float: left;
        }
        .lanmu-1 a{
            color: rgba(238, 221, 197, 1);
            text-decoration: none;
            text-align: center;
            display: block;
            font-size: 28px;
            letter-spacing: 4px;
            line-height: 66px;
        }
        .lanmu-1 a:hover{
            background-color: white;
            opacity: 0.4;
            color: black;
        }
        .lanmu-2{
            border: solid 1px white;
            width: 230px;
            height:70px;
            float: left;
        }
        .lanmu-2 a{
            color: rgba(238, 221, 197, 1);
            text-decoration: none;
            text-align: center;
            display: block;
            font-size: 28px;
            letter-spacing: 4px;
            line-height: 66px;
        }
        .lanmu-2 a:hover{
            background-color: white;
            opacity: 0.4;
            color: black;
        }
        .lanmu-3{
            border: solid 1px white;
            width: 230px;
            height:70px;
            float: left;
        }
        .lanmu-3 a{
            color: rgba(238, 221, 197, 1);
            text-decoration: none;
            text-align: center;
            display: block;
            font-size: 28px;
            letter-spacing: 4px;
            line-height: 66px;
        }
        .lanmu-3 a:hover{
            background-color: white;
            opacity: 0.4;
            color: black;
        }
        .lanmu-4{
            border: solid 1px white;
            width: 230px;
            height:70px;
            float: left;
        }
        .lanmu-4 a{
            color: rgba(238, 221, 197, 1);
            text-decoration: none;
            text-align: center;
            display: block;
            font-size: 28px;
            letter-spacing: 4px;
            line-height: 66px;
        }
        .lanmu-4 a:hover{
            background-color: white;
            opacity: 0.4;
            color: black;
        }
        .lanmu-5{
            border: solid 1px white;
            width: 270px;
            height:70px;
            float: left;
        }
        .lanmu-5 a{
            color: rgba(238, 221, 197, 1);
            text-decoration: none;
            text-align: center;
            display: block;
            font-size: 28px;
            letter-spacing: 4px;
            line-height: 66px;
        }
        .lanmu-5 a:hover{
            background-color: white;
            opacity: 0.4;
            color: black;
        }
        .gaishu{
            /*     border: solid 1px red; */
            width: 1200px;
            height: 650px;
            position: relative;
            margin: auto ;
            top: -40px;
            background-color: white;
        }
        .title{
            /*     border: solid 1px red; */
            width: 500px;
            height: 120px;
            position: relative;
            left: 20px;
            /*background-image:url(week1.img/gaishu.jpg) ;*/
            background-size: cover;
        }
        .picture-2{
            /*     border: solid 1px red; */
            width: 500px;
            height: 300px;
            position: relative;
            left: 20px;
            z-index:3;
            /*background-image: url(week1.img/datupian.jpg);*/
            background-size: 500px 300px;
        }
        .xushu{
            border-left: solid 1px #EEDDC5;
            width: 500px;
            height: 220px;
            position: relative;
            left: 20px;
            z-index:3;
        }
        .xushu h1 a{
            text-decoration: none;
            color: black;
            font-family:"楷体";
        }
        .xushu h1 a:hover{
            border-left: solid 3px #EEDDC5;
            margin-left: 20px;
            color: brown;
            transition: 2s;
        }
        .xushu h2 a{
            color:  rgba(190, 158, 93, 1.0);;
            text-decoration: none;
            font-size: 16px;
            font-family:"楷体";
        }
        .xushu h2 a:hover{
            border-left: solid 10px #EEDDC5;
            margin-left: 20px;
            font-size: 16px;
            /*     text-shadow: 5px 5px 5px; */
            color: black;
            transition: 0.2s;
        }
        .mulu{
            /*     border: solid 1px red; */
            width: 500px;
            height: 480px;
            position: relative;
            top: -480px;
            left:650px;
            z-index:3;
            background-color:#FFFFFF;
        }
        .mulu h1{
            font-family: "楷体";
            font-size: 24px;
            line-height: 45px;
            margin-left: 20px;
            font-weight: bolder;
        }
        .mulu-1{
            /*     border: solid 1px red; */
            width: 500px;
            height: 80px;
        }
        .mulu-1-left{
            /*     border: solid 1px black; */
            width: 80px;
            height: 80px;
            float:left;
        }
        .mulu-1-left a{
            text-decoration: none;
            text-align: center;
            font-size: 40px;
            color: #CEAB9E;
            line-height: 80px;
            margin-left: 20px;
            font-family: "楷体";
        }
        .mulu-1-left a:hover{
            margin-left: 30px;
            text-shadow: 5px 5px 5px;
            transition: 1.5s;
        }
        .mulu-1-right{
            border-left: solid 1px #EEDDC5;
            width: 420px;
            height: 80px;
            margin-left: 80px;
        }
        .mulu-1-right:hover{
            border-left: solid 3px #EEDDC5;
        }
        .mulu-1-right p1 a{
            text-decoration: none;
            line-height: 50px;
            font-size: 16px;
            color: black;
            font-family: "楷体";
        }
        .mulu-1-right p2 a{
            text-decoration: none;
            font-size: 12px;
            color: #CEAB9E;
            font-family: "微软雅黑";
        }
        .mulu-1-right a:hover{
            margin-left: 20px;
            color: brown;
            transition: 2s;
        }
        .mulu-2{
            margin-top: 8px;
            /*     border: solid 1px red; */
            width: 500px;
            height: 80px;
        }
        .mulu-2-left{
            /*     border: solid 1px black; */
            width: 80px;
            height: 80px;
            float:left;
        }
        .mulu-2-left a{
            text-decoration: none;
            text-align: center;
            font-size: 40px;
            color: #CEAB9E;
            line-height: 80px;
            margin-left: 20px;
            font-family: "楷体";
        }
        .mulu-2-left a:hover{
            margin-left: 30px;
            text-shadow: 5px 5px 5px;
            transition: 1.5s;
        }
        .mulu-2-right{
            border-left: solid 1px #EEDDC5;
            width: 420px;
            height: 80px;
            margin-left: 80px;
        }
        .mulu-2-right:hover{
            border-left: solid 3px #EEDDC5;
        }
        .mulu-2-right p1 a{
            text-decoration: none;
            line-height: 50px;
            font-size: 16px;
            color: black;
            font-family: "楷体";
        }
        .mulu-2-right p2 a{
            text-decoration: none;
            font-size: 12px;
            color: #CEAB9E;
            font-family: "微软雅黑";
        }
        .mulu-2-right a:hover{
            margin-left: 20px;
            color: brown;
            transition: 2s;
        }
        .mulu-3{
            margin-top: 8px;
            /*     border: solid 1px red; */
            width: 500px;
            height: 80px;
        }
        .mulu-3-left{
            /*     border: solid 1px black; */
            width: 80px;
            height: 80px;
            float:left;
        }
        .mulu-3-left a{
            text-decoration: none;
            text-align: center;
            font-size: 40px;
            color: #CEAB9E;
            line-height: 80px;
            margin-left: 20px;
            font-family: "楷体";
        }
        .mulu-3-left a:hover{
            margin-left: 30px;
            text-shadow: 5px 5px 5px;
            transition: 1.5s;
        }
        .mulu-3-right{
            border-left: solid 1px #EEDDC5;
            width: 420px;
            height: 80px;
            margin-left: 80px;
        }
        .mulu-3-right:hover{
            border-left: solid 3px #EEDDC5;
        }
        .mulu-3-right p1 a{
            text-decoration: none;
            line-height: 50px;
            font-size: 16px;
            color: black;
            font-family: "楷体";
        }
        .mulu-3-right p2 a{
            text-decoration: none;
            font-size: 12px;
            color: #CEAB9E;
            font-family: "微软雅黑";
        }
        .mulu-3-right a:hover{
            margin-left: 20px;
            color: brown;
            transition: 2s;
        }
        .mulu-4{
            /*     border: solid 1px red; */
            margin-top: 8px;
            width: 500px;
            height: 80px;
        }
        .mulu-4-left{
            /*     border: solid 1px black; */
            width: 80px;
            height: 80px;
            float:left;
        }
        .mulu-4-left a{
            text-decoration: none;
            text-align: center;
            font-size: 40px;
            color: #CEAB9E;
            line-height: 80px;
            margin-left: 20px;
            font-family: "楷体";
        }
        .mulu-4-left a:hover{
            margin-left: 30px;
            text-shadow: 5px 5px 5px;
            transition: 1.5s;
        }
        .mulu-4-right{
            border-left: solid 1px #EEDDC5;
            width: 420px;
            height: 80px;
            margin-left: 80px;
        }
        .mulu-4-right:hover{
            border-left: solid 3px #EEDDC5;
        }
        .mulu-4-right p1 a{
            text-decoration: none;
            line-height: 50px;
            font-size: 16px;
            color: black;
            font-family: "楷体";
        }
        .mulu-4-right p2 a{
            text-decoration: none;
            font-size: 12px;
            color: #CEAB9E;
            font-family: "微软雅黑";
        }
        .mulu-4-right a:hover{
            margin-left: 20px;
            color: brown;
            transition: 2s;
        }
        .mulu-5{
            /*     border: solid 1px red; */
            margin-top: 8px;
            width: 500px;
            height: 80px;
        }
        .mulu-5-left{
            /*     border: solid 1px black; */
            width: 80px;
            height: 80px;
            float:left;
        }
        .mulu-5-left a{
            text-decoration: none;
            text-align: center;
            font-size: 40px;
            color: #CEAB9E;
            line-height: 80px;
            margin-left: 20px;
            font-family: "楷体";
        }
        .mulu-5-left a:hover{
            margin-left: 30px;
            text-shadow: 5px 5px 5px;
            transition: 1.5s;
        }
        .mulu-5-right{
            border-left: solid 1px #EEDDC5;
            width: 420px;
            height: 80px;
            margin-left: 80px;
        }
        .mulu-5-right:hover{
            border-left: solid 3px #EEDDC5;
        }
        .mulu-5-right p1 a{
            text-decoration: none;
            line-height: 50px;
            font-size: 16px;
            color: black;
            font-family: "楷体";
        }
        .mulu-5-right p2 a{
            text-decoration: none;
            font-size: 12px;
            color: #CEAB9E;
            font-family: "微软雅黑";
        }
        .mulu-5-right a:hover{
            margin-left: 20px;
            color: brown;
            transition: 2s;
        }
        .beijin-1{
            /*     border: solid 1px red; */
            background-color: #FBF7F1;
            width: 850px;
            height: 520px;
            position: relative;
            top: -990px;
            left:0px;
            z-index: 2;
            opacity: 0.68;
            border-radius: 80px 80px 80px 0px;
        }
        .beijin-2{
            /*     border:solid 1px red; */
            background-color:#E2D9D2;
            width: 315px;
            height: 480px;
            position: relative;
            top: -1510px;
            left: 880px;
            z-index:2;
            border-radius: 80px 0px 80px 0px;
        }
        .yuliao{
            /*     border: solid 1px red; */
            width: 100%;
            height: 550px;
            position: relative;
            margin: auto ;
            top: 40px;
            background-color: rgb(241, 211, 171);
            /*background-image: url(Beijingtu.jpg);*/
            background-size: 100% 550px;
        }
        .yuliaomax{
            /*     border: solid 1px red; */
            width: 1200px;
            height: 550px;
            position: relative;
            margin: auto;
        }
        .picture-3{
            /*     border: solid 1px red; */
            width: 500px;
            height: 150px;
            position:relative;
            left:20px;
            /*background-image: url(week1.img/yuliao.jpg);*/
            background-size: 560px 140px;
        }
        .xushu-yuliao{
            /*     border:solid 1px red; */
            width: 580px;
            height: 200px;
            position: relative;
            left: -50px;
            top: 20px;
            font-family: "楷体";
        }
        .picture-3\.1{
            /*     border:solid 1px red; */
            width: 200px;
            height: 150px;
            position: relative;
            left: 60px;
            top: 20px;
            /*     background: rgba(110, 74, 52, 0.78); */
            /*     background-image: url(week1.img/danzibeijing.jpg); */
            /*     background-size: 200px 150px; */
            z-index: 1;
            border-radius: 20px;
        }
        .shipin1{
            margin-left: 0px;
            margin-top: -128px;
            border-radius: 20px 20px 20px 20px;
        }
        .picture-3\.2{
            /*      border:solid 1px red; */
            width: 200px;
            height: 150px;
            position: relative;
            left: 300px;
            top: -131px;
            /*     background: rgba(110, 74, 52, 0.78); */
            border-radius: 20px;
        }
        .shipin2{
            margin-left: 0px;
            margin-top: -5px;
            border-radius: 20px 20px 20px 20px;
        }
        .ditu{
            /*      border:solid 1px red; */
            width: 600px;
            height: 520px;
            position: relative;
            left: 580px;
            top: -650px;
            /*background-image: url(week1.img/ditu.jpg);*/
            background-size: 600px 520px;
        }
        .cidian{
            /*     border: solid 1px red; */
            width: 1200px;
            height: 650px;
            position: relative;
            margin: auto ;
            top:100px;
            background-color: white;
        }
        .picture-4{
            /*     border: solid 1px red; */
            width: 500px;
            height: 200px;
            position: relative;
            left: 20px;
            /*background-image: url(week1.img/cidian.jpg);*/
            background-size:500px 180px;
        }
        .cidian-sousuo{
            /*     border: solid 1px red; */
            width: 500px;
            height: 80px;
            position: relative;
            top: -220px;
            left: 650px;
        }
        .sousuotiao{
            width: 300px;
            height: 40px;
            margin-top: 20px;
            margin-left: 20px;
        }
        .sousuoanniu{
            width: 100px;
            height: 42px;
            margin-top: 10px;
            margin-left: 5px;
        }
        .cidian-xushu{
            /*     border: solid 1px red; */
            width: 500px;
            height: 40px;
            position: relative;
            left: 650px;
            top: -80px;
        }
        .cidian-xushu a{
            font-size: 18px;
            font-family: "楷体";
        }
        .cidian-lanmu1{
            /*     border: solid 1px red; */
            width: 300px;
            height: 390px;
            position: relative;
            top: -122px;
            /*margin: left;*/
            background: rgba(248, 244, 238, 1.0);
        }
        .tupian1{
            /*     border: solid 1px blue; */
            width: 100px;
            height: 100px;
            position: relative;
            top: 90px;
            left: 80px;
            /*background-image: url(week1.img/tianzige.jpg);*/
            background-size: 100px 100px;
        }
        .tupian1 a{
            text-decoration: none;
            line-height: 105px;
            margin-left: 22px;
            font-size: 50px;
            font-weight:bolder;
            color: rgba(156, 127, 102, 1);
        }
        .jieshi1{
            /*     border: solid 1px blue; */
            width: 180px;
            height: 80px;
            position: relative;
            top: 100px;
            left: 40px;
        }
        .jieshi1 a{
            font-size: 12px;
            color: rgba(156, 127, 102, 1);
            font-weight: bold;
        }
        .xiangqing1{
            /*     border: solid 1px blue; */
            position: relative;
            width: 100px;
            height: 40px;
            top: 140px;
            left: 80px;
        }
        .anniu1{
            width: 100px;
            height: 40px;
            /*background-image: url(week1.img/biaozhi2.jpg);*/
            background-size: 100px 40px;
        }
        .cidian-lanmu1 .tupian1:hover{
            margin-top: -20px;
            transition: 2s;
        }
        .cidian-lanmu2{
            /* border: solid 1px red; */
            width: 300px;
            height: 390px;
            position: relative;
            top: -513px;
            left: 300px;
            background: rgba(247, 238, 225, 1.0);
        }
        .tupian2{
            /*     border: solid 1px blue; */
            width: 100px;
            height: 100px;
            position: relative;
            top: 90px;
            left: 80px;
            /*background-image: url(week1.img/tianzige.jpg);*/
            background-size: 100px 100px;

        }
        .tupian2 a{
            text-decoration: none;
            line-height: 105px;
            margin-left: 22px;
            font-size: 50px;
            font-weight:bolder;
            color: rgba(156, 127, 102, 1);
        }
        .jieshi2{
            /*     border: solid 1px blue; */
            width: 180px;
            height: 80px;
            position: relative;
            top: 100px;
            left: 40px;
        }
        .jieshi2 a{
            font-size: 12px;
            color: rgba(156, 127, 102, 1);
            font-weight: bold;
        }
        .xiangqing2{
            /*     border: solid 1px blue; */
            position: relative;
            width: 100px;
            height: 40px;
            top: 140px;
            left: 80px;
        }
        .anniu2{
            width: 100px;
            height: 40px;
            /*background-image: url(week1.img/biaozhi2.jpg);*/
            background-size: 100px 40px;
        }
        .cidian-lanmu2 .tupian2:hover{
            margin-top: -20px;
            transition: 2s;
        }
        .cidian-lanmu3{
            /*     border: solid 1px red; */
            width: 300px;
            height: 390px;
            position: relative;
            top: -905px;
            left: 600px;
            background: rgba(248, 244, 238, 1.0);
        }
        .tupian3{
            /*     border: solid 1px blue; */
            width: 100px;
            height: 100px;
            position: relative;
            top: 90px;
            left: 80px;
            /*background-image: url(week1.img/tianzige.jpg);*/
            background-size: 100px 100px;

        }
        .tupian3 a{
            text-decoration: none;
            line-height: 105px;
            margin-left: 22px;
            font-size: 50px;
            font-weight:bolder;
            color: rgba(156, 127, 102, 1);
        }
        .jieshi3{
            /*     border: solid 1px blue; */
            width: 180px;
            height: 80px;
            position: relative;
            top: 100px;
            left: 40px;
        }
        .jieshi3 a{
            font-size: 12px;
            color: rgba(156, 127, 102, 1);
            font-weight: bold;
        }
        .xiangqing3{
            /*     border: solid 1px blue; */
            position: relative;
            width: 100px;
            height: 40px;
            top: 140px;
            left: 80px;
        }
        .anniu3{
            width: 100px;
            height: 40px;
            /*background-image: url(week1.img/biaozhi2.jpg);*/
            background-size: 100px 40px;
        }
        .cidian-lanmu3 .tupian3:hover{
            margin-top: -20px;
            transition: 2s;
        }
        .cidian-lanmu4{
            /*     border: solid 1px red; */
            width: 300px;
            height: 390px;
            position: relative;
            top: -1297px;
            left: 900px;
            background: rgba(247, 238, 225, 1.0);
        }
        .tupian4{
            /*     border: solid 1px blue; */
            width: 100px;
            height: 100px;
            position: relative;
            top: 90px;
            left: 80px;
            /*background-image: url(week1.img/tianzige.jpg);*/
            background-size: 100px 100px;

        }
        .tupian4 a{
            text-decoration: none;
            line-height: 105px;
            margin-left: 22px;
            font-size: 50px;
            font-weight: bolder;
            color: rgba(156, 127, 102, 1);
        }
        .jieshi4{
            /*     border: solid 1px blue; */
            width: 180px;
            height: 80px;
            position: relative;
            top: 100px;
            left: 40px;
        }
        .jieshi4 a{
            font-size: 12px;
            color: rgba(156, 127, 102, 1);
            font-weight: bold;
        }
        .xiangqing4{
            /*     border: solid 1px blue; */
            position: relative;
            width: 100px;
            height: 40px;
            top: 140px;
            left: 80px;
        }
        .anniu4{
            width: 100px;
            height: 40px;
            /*background-image: url(week1.img/biaozhi2.jpg);*/
            background-size: 100px 40px;
        }
        .cidian-lanmu4 .tupian4:hover{
            margin-top: -20px;
            transition: 2s;
        }
        .cidian-down{
            /*     border: solid 1px red; */
            background: rgba(230, 184, 126, 1.0);
            width: 1200px;
            height: 46px;
            position: relative;
            top: -1296px;
        }
        .cidian-down-wenzi{
            position: relative;
            left: 600px;
            top: 14px;
        }
        .quanbuanniu2{
            width: 1200px;

        }
        .yanjiu{
            /*     border: solid 1px red; */
            width: 100%;
            height: 550px;
            position: relative;
            margin: auto ;
            top: 160px;
            background-color: rgb(241, 211, 171);
            /*background-image: url(Beijingtu.jpg);*/
            background-size: 100% 550px;
        }
        .yanjiumax{
            /*     border: solid 1px red; */
            width: 1200px;
            height: 550px;
            position: relative;
            margin: auto;
        }
        .picture-5{
            /*     border: solid 1px red; */
            width: 500px;
            height: 120px;
            position: relative;
            left: 20px;
            /*background-image: url(week1.img/yanjiu.jpg);*/
            background-size: 500px 120px;
        }
        .tubiao{
            /*     border: solid 1px red; */
            width: 100px;
            height: 50px;
            position: relative;
            left: 20px;
            top: 20px;
            font-size:33px;
            line-height:50px;
            text-align:center;
            /*background-image: url(week1.img/tubiaochubeijing.jpg);*/
            background-size: 100px 50px;
        }
        .tubiao a{
            color: white;
            text-decoration: none;
            font-family: "微软雅黑";
        }
        .tubiao:hover{
            /*background-image: url(week1.img/anniudishe.jpg) ;*/
            background-size: 100px 50px;
        }
        /* .xuanzeyemian{
            border: solid 1px blue;
            width: 1200px;
            height: 300px;
            z-index: 6;
        } */
        .dongtai{
            /*     border: solid 1px red; */
            width: 1150px;
            height: 255px;
            position: relative;
            top: 80px;
            left: 20px;
            font-size: 26px;
            overflow: hidden;
            z-index: 1;
        }
        .dongtai a{
            color: black;
            text-decoration: none;
        }
        .wenzi{
            font-family: "华文宋体";
        }
        .shijian1{
            font-size:14px;
            font-family: "方正舒体";
            margin-left: 860px;
            background: rgba(0, 0, 0, 0.05);
        }
        .shijian2{
            font-size:14px;
            font-family: "方正舒体";
            margin-left: 770px;
            background: rgba(0, 0, 0, 0.05);
        }
        .shijian3{
            font-size:14px;
            font-family: "方正舒体";
            margin-left: 670px;
            background: rgba(0, 0, 0, 0.05);
        }
        .shijian4{
            font-size:14px;
            font-family: "方正舒体";
            margin-left: 598px;
            background: rgba(0, 0, 0, 0.05);
        }
        .shijian5{
            font-size:14px;
            font-family: "方正舒体";
            margin-left: 845px;
            background: rgba(0, 0, 0, 0.05);
        }
        .shijian6{
            font-size:14px;
            font-family: "方正舒体";
            margin-left: 795px;
            background: rgba(0, 0, 0, 0.05);
        }
        .shijian7{
            font-size:14px;
            font-family: "方正舒体";
            margin-left: 880px;
            background: rgba(0, 0, 0, 0.05);
        }
        .dongtai li::before{
            content:"  ❁ .   ";
            color:red;
        }
        .wenzi:hover{
            color: brown;
            margin-left: 20px;
            font-weight: bolder;
            transition: 0.3s;
        }
        .dongtai .wenzi{
            font-size: 12px;
            font-weight: bold;
        }
        .dongtai .shijian{
            font-size: 12px;
            margin-left: 600px;
        }
        .puji{
            /*     border: solid 1px red; */
            width: 1200px;
            height: 650px;
            position: relative;
            margin: auto ;
            top:220px;
            background-color: white;
        }
        .picture-6{
            /*     border: solid 1px red; */
            width: 500px;
            height: 110px;
            position: relative;
            left: 20px;
            /*background-image:url(week1.img/puji.jpg) ;*/
            background-size: 500px 110px;
        }
        .puji-1{
            /*     border: solid 1px red; */
            width: 400px;
            height: 400px;
            position: relative;
            top: 30px;
            /*margin: left;*/
            z-index: 1;
            background: rgba(248, 244, 238, 1.0);
        }
        .puji-1-tupian{
            /*     border: solid 1px blue; */
            width: 300px;
            height: 150px;
            position: relative;
            top: -15px;
            left: 40px;
            border-radius: 20px 20px 20px 20px;
            /*background-image:url(week1.img/langsong.jpg) ;*/
            background-size: 300px 150px;
        }
        .puji-1-tupian:hover{
            border-radius: 20px 0px 20px 0px;
            box-shadow: 5px 5px 5px;
            top: -30px;
            left: 30px;
            transition: 0.3s;
        }
        .puji-1-biaoti{
            /*     border: solid 1px blue; */
            width: 280px;
            height: 40px;
            position: relative;
            top: -35px;
            left: 50px;
            border-radius: 20px 20px 20px 20px;
            background-color: white;
        }
        .biaoti1{
            border-radius: 20px 20px 20px 20px;
            width: 280px;
            height: 40px;
        }
        .puji-1-neirong{
            /*     border: solid 1px blue; */
            width: 300px;
            height: 150px;
            position: relative;
            top: 10px;
            left: 40px;
            font-size: 38px;
            /*     margin-left: 28px; */
            overflow: hidden;
        }
        .puji-1-neirong li::before{
            content: "✿.";
            color:red;
        }

        .puji-1-neirong a{
            color: black;
            text-decoration: none;
            font-size: 20px;
            font-family: "楷体";
        }
        .puji-1-neirong a:hover{
            color: brown;
            text-shadow: 5px 5px 5px;
            transition: 0.2s;
        }
        .puji-2{
            /*     border: solid 1px red; */
            width: 400px;
            height: 400px;
            position: relative;
            top: -371.5px;
            left: 400px;
            z-index: 1;
            background: rgba(247, 238, 225, 1.0);
        }
        .puji-2-tupian{
            /*     border: solid 1px blue; */
            width: 300px;
            height: 150px;
            position: relative;
            top: -15px;
            left: 40px;
            border-radius: 20px 20px 20px 20px;
            /*background-image:url(week1.img/hecahng.jpg) ;*/
            background-size: 300px 150px;
        }
        .puji-2-tupian:hover{
            border-radius: 20px 0px 20px 0px;
            box-shadow: 5px 5px 5px;
            top: -30px;
            left: 30px;
            transition: 0.3s;
        }
        .puji-2-biaoti{
            /*     border: solid 1px blue; */
            width: 280px;
            height: 40px;
            position: relative;
            top: -35px;
            left: 50px;
            border-radius: 20px 20px 20px 20px;
        }
        .biaoti2{
            border-radius: 20px 20px 20px 20px;
            width: 280px;
            height: 40px;
        }
        .puji-2-neirong{
            /*     border: solid 1px blue; */
            width: 300px;
            height: 150px;
            position: relative;
            top: 10px;
            left: 40px;
            font-size: 38px;
            /*     margin-left: 28px; */
            overflow: hidden;
        }
        .puji-2-neirong li::before{
            content: "✿.";
            color:red;
        }
        .puji-2-neirong a{
            color: black;
            text-decoration: none;
            font-size: 20px;
            font-family: "楷体";
        }
        .puji-2-neirong a:hover{
            color: brown;
            text-shadow: 5px 5px 5px;
            transition: 0.2s;
        }
        .puji-3{
            /*     border: solid 1px red; */
            width: 400px;
            height: 400px;
            position: relative;
            top: -773px;
            left: 800px;
            z-index: 1;
            background: rgba(248, 244, 238, 1.0);
        }
        .puji-3-tupian{
            /*     border: solid 1px blue; */
            width: 300px;
            height: 150px;
            position: relative;
            top: -15px;
            left: 40px;
            border-radius: 20px 20px 20px 20px;
            /*background-image:url(renwen.jpg) ;*/
            background-size: 300px 150px;
        }
        .puji-3-tupian:hover{
            border-radius: 20px 0px 20px 0px;
            box-shadow: 5px 5px 5px;
            top: -30px;
            left: 30px;
            transition: 0.3s;
        }
        .puji-3-biaoti{
            /*     border: solid 1px blue; */
            width: 280px;
            height: 40px;
            position: relative;
            top: -35px;
            left: 50px;
            border-radius: 20px 20px 20px 20px;
        }
        .biaoti3{
            border-radius: 20px 20px 20px 20px;
            width: 280px;
            height: 40px;
        }
        .puji-3-neirong{
            /*     border: solid 1px blue; */
            width: 300px;
            height: 150px;
            position: relative;
            top: 10px;
            left: 40px;
            font-size: 38px;
            /*     margin-left: 28px; */
            overflow: hidden;
        }
        .puji-3-neirong li::before{
            content: "✿.";
            color:red;
        }
        .puji-3-neirong a{
            color: black;
            text-decoration: none;
            font-size: 20px;
            font-family: "楷体";
        }
        .puji-3-neirong a:hover{
            color: brown;
            text-shadow: 5px 5px 5px;
            transition: 2s;
        }
        .puji-down{
            /*     border: solid 1px red; */
            background: rgba(230, 184, 126, 1.0);
            width: 1200px;
            height: 50px;
            position: relative;
            top: -772px;
        }
        .puji-down-wenzi{
            position: relative;
            left: 600px;
            top: 14px;
        }
        .quanbuanniu2{
            width: 1200px;
            height: 50px;
            position: relative;
            left: -600px;
            top: -15px;
            background-color: rgba(230, 184, 126, 1.0);
            color: white;
        }
        .quanbuanniu2:hover{
            background-color: #D3A871;
        }
        .down{
            /*     border: solid 1px red; */
            width: 100%;
            height: 250px;
            position: relative;
            margin: auto ;
            top: 158px;
            background-color: black;
            opacity: 0.81;
            z-index: 1;
        }
        .downmax{
            /*     border: solid 1px red; */
            width: 1200px;
            height: 250px;
            position: relative;
            margin: auto;
            z-index: 2;
        }
        .youxiang{
            /*     border: solid 1px red; */
            width: 400px;
            height: 30px;
            position: relative;
            top: 40px;
            z-index: 3;
        }
        .youxiang p1{
            color: rgba(255, 255, 255, 0.5);
            width: 80px;
            font-size: 14px;
        }
        .youxiang p2 a{
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
        }
        .youxiang p2 a:hover{
            color: white;
            font-size:16px;
        }
        .youxiang p3 a{
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
        }
        .youxiang p3  a:hover{
            color: white;
            font-size: 16px;
        }

        .dianhua{
            /*      border: solid 1px red; */
            width: 300px;
            height: 30px;
            position: relative;
            top: 60px;
        }
        .dianhua p1 a{
            color: rgba(255, 255, 255, 0.5);
            width: 80px;
            font-size: 14px;
        }
        .dizhi{
            /*      border: solid 1px red; */
            width: 300px;
            height: 30px;
            position: relative;
            top: 80px;
        }

        .dizhi p1 a{
            color: rgba(255, 255, 255, 0.5);
            width: 80px;
            font-size: 14px;
        }
        .erweima1{
            /*     border: solid 1px red; */
            width: 90px;
            height: 15px;
            position: relative;
            top: -60px;
            left:820px;
        }
        .erweima1 a{
            color: rgba(255, 255, 255, 0.5);
            font-size: 14px;
            font-weight: bolder;
        }
        .erweima1-1{
            /*     border: solid 1px red; */
            width: 90px;
            height: 90px;
            position: relative;
            top: -55px;
            left:820px;
            /*background-image:url(week1.img/erweima1.jpg) ;*/
            background-size: 90px 90px;
        }
        .erweima2{
            /*     border: solid 1px red; */
            width: 90px;
            height: 15px;
            position: relative;
            top: -165px;
            left:1040px;
        }
        .erweima2-1{
            /*     border: solid 1px red; */
            width: 90px;
            height: 90px;
            position: relative;
            top: -160px;
            left:1040px;
            /*background-image:url(week1.img/erweima2.jpg) ;*/
            background-size: 90px 90px;
        }
        .erweima2 a{
            color: rgba(255, 255, 255, 0.5);
            font-size: 12px;
            font-weight: bolder;
        }
        .fenge{
            border: solid 1px white;
            width: 1200px;
            position: relative;
            top: -130px;

        }
        .shiyon{
            /*      border: solid 1px red; */
            width: 400px;
            height: 30px;
            position: relative;
            top: -120px;
        }
        .shiyon p1 a{
            color: rgba(255, 255, 255, 0.5);
            width: 80px;
            font-size: 14px;

        }
    </style>
</head>
<body>
<div class="Box">
    <div class="head">
        <div class="headmax">
            <div class="picture">
                <a href="">
                    <p1><font color="#EEC296" class="title1">陕西话</font><font color="#876B5B" class="title2">The Shanxi</font></p1><br>
                    <p1><font color="#EEC296" class="title1">资源库</font><font color="#876B5B" class="title2">Dialect Database</font></p1>
                </a>
                <!-- <a href=""><img src="week1.img/Biaotititi.jpg" class="Biaoti"></a> -->
            </div>
            <div class="sousuo">
                <a href="">🔍搜索</a>
            </div>
            <div class="suosuokuang"></div>
            <div class="pintai">
                <a href="">瓯越记忆历史人文知识服务平台</a>
            </div>
            <div class="pintaikuang"></div>
            <div class="lanmu">
                <hr>
                <div class="lanmu-1">
                    <a href="">首页</a>
                </div>
                <div class="lanmu-2">
                    <a href="">概述</a>
                </div>
                <div class="lanmu-3">
                    <a href="">语料</a>
                </div>
                <div class="lanmu-4">
                    <a href="">研究</a>
                </div>
                <div class="lanmu-5">
                    <a href="">普及</a>
                </div>
                <hr>
            </div>
        </div>
    </div>
    <div class="gaishu">
        <div class="title"></div>
        <div class="picture-2"></div>
        <div class="xushu">
            <h1><a href="">《陕西话资源库》方言概述</a></h1>
            <h2><a href="">陕西方言属于北方方言的一种分支，是西北地区很有代表性的方言。 陕西别称“三秦”，从北至南分布有陕北、关中、陕南三个地区。 陕北受晋文化和游牧文化的影响很深，所以，陕北方言在发音习惯上带有鲜明的山西话和内蒙方言的特点。 陕南受巴蜀文化和荆楚文化的影响较深，所以，陕南汉中人的方言接近四川话，陕南安康一些地区的方言则跟湖北话有几分相似。 通常所说的陕西方言特指陕西关中话，是周秦汉唐时期官方使用的普通话。</a></h2>
        </div>
        <div class="mulu">
            <h1>陕西方言系属及源流</h1>
            <hr>
            <div class="mulu-1">
                <div class="mulu-1-left">
                    <a href="">01</a>
                </div>
                <div class="mulu-1-right">
                    <p1><a href="">陕西方言的重要性</a></p1><br>
                    <p2><a href="">陕西方言，是西北地区古老的原生态语言形式，也是陕西文化重要的载体。</a></p2>
                </div>
            </div>
            <hr>
            <div class="mulu-2">
                <div class="mulu-2-left">
                    <a href="">02</a>
                </div>
                <div class="mulu-2-right">
                    <p1><a href="">陕西方言的发端</a></p1><br>
                    <p2><a href="">陕西方言，一般指分布在陕西省的汉语方言，是中原官话的一种，分属晋语...</a></p2>
                </div>
            </div>
            <hr>
            <div class="mulu-3">
                <div class="mulu-3-left">
                    <a href="">03</a>
                </div>
                <div class="mulu-3-right">
                    <p1><a href="">陕西方言的通讯范围</a></p1><br>
                    <p2><a href="">陕西话和陕西方言概念不等同，是中原官话的一种。</a></p2>
                </div>
            </div>
            <hr>
            <div class="mulu-4">
                <div class="mulu-4-left">
                    <a href="">04</a>
                </div>
                <div class="mulu-4-right">
                    <p1><a href="">陕西方言的历史源流及产生</a></p1><br>
                    <p2><a href="">陕西方言大致分为3个地区：中原官话、晋语、西南官话。</a></p2>
                </div>
            </div>
            <hr>
            <div class="mulu-5">
                <div class="mulu-5-left">
                    <a href="">05</a>
                </div>
                <div class="mulu-5-right">
                    <p1><a href="">陕西方言特征及其源流分析</a></p1><br>
                    <p2><a href="">北方的汉人曾有几次大规模的南下，带来不同时期的北方古汉语...</a></p2>
                </div>
            </div>
            <hr>
        </div>
        <div class="beijin-1"></div>
        <div class="beijin-2"></div>
    </div>
    <div class="yuliao">
        <div class="yuliaomax">
            <div class="picture-3"></div>
            <div class="xushu-yuliao">
                <a>《陕西方言集成》是全国第一部由档案系统主持编纂的分省方言集成丛书，是有史以来陕西方言语音、词汇、语法、
                    口头文化等最系统、全面的调查成果。陕西语言资源丰富，方言种类繁多，陕北、关中、陕南三地方言差异大、情况复杂，各种方言在互相影响、互相渗透中还在不断变化发展。
                    丛书以市为编纂单位，共计10卷、1000多万字，收录方言音频120G
                    ，记录了陕西各区县方言的声母、韵母、声调、连读变调、单字、规定词汇、语法例句。
                    丛书尤其重视以方言为载体的地方文化整理，收录了大量方言自选词汇以及民歌、曲艺、戏剧、故事等。</a>
            </div>
            <div class="picture-3.1">
                <!-- <div class="left1"></div>
                <div class="right1-up">
                    <a href="">单字</a>
                </div>
                <div class="right1-down">
                    <a href="">已收集字2000+</a>
                </div> -->
                <video width="200" height="150" controls="" class="shipin1">
                    <source src="week1.vedio/shipin1.mp4" type="video/mp4">
                </video>
            </div>
            <div class="picture-3.2">
                <!-- <div class="left2"></div>
                <div class="right2-up">
                    <a href="">词汇</a>
                </div>
                <div class="right2-down">
                    <a href="">已收集词汇3000+</a>
                </div> -->
                <video width="200" height="150" controls="" class="shipin2">
                    <source src="week1.vedio/shipin2.mp4" type="video/mp4">
                </video>
            </div>
            <div class="ditu"></div>
        </div>
    </div>
    <div class="cidian">
        <div class="picture-4"></div>
        <div class="cidian-xushu">
            <a>采录了陕西市区、乡村语音，已收录404条，8154个词汇</a>
        </div>
        <div class="cidian-sousuo">
            <input class="sousuotiao" type="text" placeholder="请输入关键字">
            <input class="sousuoanniu" type="submit" value="🔍搜索">
        </div>
        <div class="cidian-lanmu1">
            <div class="tupian1">
                <a href="">柳</a>
            </div>
            <div class="jieshi1">
                <a>柳（拼音：liǔ），汉语一级通用规范汉字（常用字） [2]。此字始见于商代甲骨文，古字形从木卯（mǎo）声 [4]。</a>
            </div>
            <div class="xiangqing1">
                <input class="anniu1" type="submit" value="🎧详情">
            </div>
        </div>
        <div class="cidian-lanmu2">
            <div class="tupian2">
                <a href="">曹</a>
            </div>
            <div class="jieshi2">
                <a>曹（拼音：cáo），是汉语通用规范一级字 [1]。此字始见于商代甲骨文 [2]。此字本义指对偶，由此引申为遭逢。</a>
            </div>
            <div class="xiangqing2">
                <input class="anniu2" type="submit" value="🎧详情">
            </div>
        </div>
        <div class="cidian-lanmu3">
            <div class="tupian3">
                <a href="">绯</a>
            </div>
            <div class="jieshi3">
                <a>绯，汉语二级字 [2]，拼音读作fēi，本意是指红色，深红色。该文字在郑珍《说文新附考》和韩愈的《送区弘南归》等文献均有记载。词语有绯红、绯闻等。 [1</a>
            </div>
            <div class="xiangqing3">
                <input class="anniu3" type="submit" value="🎧详情">
            </div>
        </div>
        <div class="cidian-lanmu4">
            <div class="tupian4">
                <a href="">吃</a>
            </div>
            <div class="jieshi4">
                <a>吃（读作：chī）为现代汉语通用规范一级字（常用字）。 [1]吃和异体字“喫”原是两个不同字义的汉字。</a>
            </div>
            <div class="xiangqing4">
                <input class="anniu4" type="submit" value="🎧详情">
            </div>
        </div>
        <div class="cidian-down">
            <div class="cidian-down-wenzi">
                <!-- <p1><a href="">查看全部</a></p1> -->
                <a href=""><input type="submit" value="查看全部" class="quanbuanniu2"></a>
            </div>
        </div>
    </div>
    <div class="yanjiu">
        <div class="yanjiumax">
            <div class="picture-5"></div>
            <div class="tubiao">
                <a href="">论文</a>
                <!-- <input type="submit" value="论文" class="anniu1hao"> -->
            </div>

            <div class="dongtai">
                <table>
                    <li><a href="" class="wenzi">汉语文化负载词西译问题探讨</a><a class="shijian1"><font color=" rgba(0, 0, 0, 0.5);"></font>2024-05-2</a> </li>
                    <li><a href="" class="wenzi">从中古音看陕西山阳中原官话方言韵母的演变</a><a class="shijian2">2022-10-12</a></li>
                    <li><a href="" class="wenzi">陕西文学方言的“角色语”翻译研究——以《老生》日译本为例</a><a class="shijian3">2022-10-12</a></li>
                    <li><a href="" class="wenzi">目的论视阈下陕西方言英译与国际传播研究——以电影《树上有个地方》为例</a><a class="shijian4">2022-10-12</a></li>
                    <li><a href="" class="wenzi">陕西洛川方言中的语气词“切”</a><a class="shijian5">2022-10-12</a></li>
                    <li><a href="" class="wenzi">方言接触视角下的陕西南郑方言词汇研究</a><a class="shijian6">2022-10-12</a></li>
                    <li><a href="" class="wenzi">陕西洋县方言语气词研究</a><a class="shijian7">2022-10-12</a></li>
                </table>
            </div>
        </div>
    </div>
    <div class="puji">
        <div class="picture-6"></div>
        <div class="puji-1">
            <div class="puji-1-tupian">
                <!-- <img src="week1.img/langsong.jpg" class="langsong"> -->
            </div>
            <div class="puji-1-biaoti">
                <!-- <a href="">🎙️诗词颂吟</a> -->
                <input class="biaoti1" type="submit" value="🎙️诗词颂吟">
            </div>
            <div class="puji-1-neirong">
                <table >
                    <ul>
                        <li><a href="">王旭朝&nbsp;&nbsp;《秦腔》</a></li>
                        <li><a href="">祖咏&nbsp;&nbsp;&nbsp;&nbsp;《终南望余雪》</a></li>
                        <li><a href="">王维&nbsp;&nbsp;&nbsp;&nbsp;《送元二使安西》</a></li>
                    </ul>
                </table>
            </div>
        </div>
        <div class="puji-2">
            <div class="puji-2-tupian"></div>
            <div class="puji-2-biaoti">
                <!-- <a>💿歌曲童谣</a> -->
                <input class="biaoti2" type="submit" value="💿歌曲童谣">
            </div>
            <div class="puji-2-neirong">
                <table >
                    <ul>
                        <li><a href="">《陕北民歌》</a></li>
                        <li><a href="">《信天游》</a></li>
                        <li><a href="">《挂红灯》</a></li>
                    </ul>
                </table>
            </div>
        </div>
        <div class="puji-3">
            <div class="puji-3-tupian"></div>
            <div class="puji-3-biaoti">
                <!-- <a>👶人物风采</a> -->
                <input class="biaoti3" type="submit" value="👶人物风采">
            </div>
            <div class="puji-3-neirong">
                <table >
                    <ul>
                        <li><a href="">‌姚穆</a></li>
                        <li><a href="">宋晓军</a></li>
                        <li><a href="">贾平凹</a></li>
                    </ul>
                </table>
            </div>
        </div>
        <div class="puji-down">
            <div class="puji-down-wenzi">
                <!-- <p1><a href="">查看全部</a></p1> -->
                <a href=""><input type="submit" value="查看全部" class="quanbuanniu2"></a>
            </div>

        </div>
    </div>
    <div class="down">
        <div class="downmax">
            <div class="youxiang">
                <p1>友情链接:</p1><p2><a href="">&nbsp;&nbsp;&nbsp;宝鸡市图书馆</a></p2><p3><a href="">&nbsp;&nbsp;&nbsp;瓯越记忆历史人文知识服务平台</a></p3>
            </div>
            <div class="dianhua">
                <p1><a>联系热线:&nbsp;&nbsp;123-1232982</a></p1>
            </div>
            <div class="dizhi">
                <p1><a>联系地址:陕西省宝鸡市渭滨区51号</a></p1>
            </div>
            <div class="erweima1">
                <a>宝鸡市图书馆</a>
            </div>
            <div class="erweima1-1"></div>
            <div class="erweima2">
                <a>陕西市教育平台</a>
            </div>
            <div class="erweima2-1"></div>
            <div class="erweima3"></div>
            <div class="erweima3-1"></div>
            <div class="fenge"></div>
            <div class="shiyon">
                <p1><a>版权使用:宝鸡文理学院&nbsp;&nbsp;数学与信息科学学院&nbsp;&nbsp;XX</a></p1>
            </div>
        </div>

    </div>
</div>
</body>
</html>